<template
  ><div class="pc hidden-xs-only">
    <div class="dianzan">
      <div class="dianzanbiaoti">
        <img src="../../../static/pinglun.png" />评论业务 :
        {{ pinglun555 }}元/条
      </div>
      <div class="dianzanwenzi">
        <p>1、输入您抖音需要评论的短视频作品链接。</p>
        <p>2、下单前请检查作品是否被审核。</p>
        <p>
          3、下单后，因删除或隐藏视频，导致的执行失败的订单，订单依旧收费。
        </p>
      </div>
      <div class="xiadan">
        <div class="shipinlianjie">
          <span class="video">视频链接</span>
          <el-input
            placeholder="请输入视频链接"
            v-model="pinglunlianjie"
            clearable
            id="url"
            maxlength="29"
          ></el-input>
        </div>
        <div class="dianzanshuliang">
          <span class="video">评论内容</span
          ><span class="video" style="margin-left: 50%;"
            >已输入{{ hangshu }}条</span
          >
          <el-input
            type="textarea"
            :autosize="{ minRows: 3, maxRows: 3 }"
            placeholder="请输入评论内容，每条空一行"
            v-model="textarea"
            @input="hangshuInput"
          ></el-input>
        </div>
        <div class="xuanzeshijian"></div>
        <div class="jine">
          <div class="audio">
            订单总价:
            <span class="zongjiayanse" id="pinglunqian">{{
              (hangshu * pinglun555) | number
            }}</span>
          </div>
          <div class="audio">
            我的余额:
            <span class="zongjiayanse">{{ yue | number }}</span>
          </div>
        </div>
        <div class="anniu">
          <el-button type="danger" round class="queding" @click="pinglun"
            >确定</el-button
          >
        </div>
        <div class="tixing">
          下单默认接受以上条款，如介意请勿下单！
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  props: {},
  data() {
    return {};
  },
  computed: {},
  created() {},
  mounted() {},
  watch: {},
  methods: {}
};
</script>

<style scoped lang="stylus"></style>
